﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="graphic.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="favicon.ico">
    <title>Home </title>
    <script src="jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="jquery.qtip-1.0.0-rc3.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#frontpage-link').qtip(
			{
			    content: 'Gå til forsiden'
			});

            $('#info-link').qtip(
			{
			    content: 'Om Film-X'
			});
        });
    </script>
</head>
<body>
    <div id="main">
        <div id="topbox">
            <div id="topinfo">
                <div id="topnavi">
                    <a href="page/kontakt.html">KONTAKT </a><a href="info.html">INFO </a><a href="info.html">
                        OM FILM-X</a>
                </div>
                <!-- slutter top navigationen -->
            </div>
            <!-- slutter topinfo -->
        </div>
        <!-- Diven afslutter topboxen, som er den øverste box på sitet. -->
        <div id="top2">
            <div id="topnavi">
                <a href="index.html" id="frontpage-link">Forside</a> <a href="info.html" id="info-link">
                    Om Film-X</a> <a href="page/biblotek.html">Biblotek</a> <a href="page/skoler.html">Skoler</a>
                <a href="page/familier.html">Familier</a> <a href="login.html">LOG IN</a>
            </div>
            <!-- slutter top navigationen -->
        </div>
        <!-- Diven afslutter top2, som er den anden øverste box på sitet. -->
        <div id="box">
            <!-- denne div er midter boxen, hvor alt indholdet er i. -->
            <div>
                <h6>
                    <a href="login.html">Film-X - Magien Begynder Her ... </a>
                </h6>
                <div class="top-header-outer">
                    <div>
                        <p>
                            Filmstudiets interaktive filmstudie for børn er gået online. Derfor kan du nu redigere
                            i din Film X film, direkte fra din egen computer. Når du har oprettet din profil
                            får du adgang til en hel verden af funktioner. Se videon her til højre...
                        </p>
                    </div>
                    <div>
                        <iframe src="http://player.vimeo.com/video/6032742?title=0&amp;byline=0&amp;portrait=0"
                            width="300" height="200" frameborder="0"></iframe>
                    </div>
                </div>
            </div>
            <!-- afslutter introfilm ... diven tada xD - forhåbenligt en film, når jeg får det til at virke ^^ -->
            <div class="video-preview-outer">
                <img src="pics/line.png" alt="bla" height="4" width="940" />
                <div class="video-preview">
                    <iframe src="http://player.vimeo.com/video/8308307?title=0&amp;byline=0&amp;portrait=0"
                        width="300" height="200" frameborder="0"></iframe>
                    <p>
                        <img src="pics/trylleheksentext.png" />
                    </p>
                    Elever fra Bellahøj Skole tager os med på en eventyrrejse til Trylleheksens verden,
                    hvor alt kan ske. Se hvordan de bruger et green screen og kulisser.
                </div>
                <!-- Afslutter trylleheksen -->
                <!-- Starter biljagten -->
                <div class="video-preview">
                    <iframe src="http://player.vimeo.com/video/16087976?title=0&amp;byline=0&amp;portrait=0"
                        width="300" height="200" frameborder="0"></iframe>
                    <p>
                        <img src="pics/biljagtentext.png" />
                    </p>
                    I en øde industrihavn jagtes vores privatdetektiv af nogle skumle typer. Tør du
                    se hvordan det ender? Gruppen her valgte at lave filmen i sort/hvid ligesom de gamle
                    krimier..
                </div>
                <!-- Afslutter biljagten -->
                <!-- Starter blåhvalen -->
                <div class="video-preview">
                    <iframe src="http://player.vimeo.com/video/8308339?title=0&amp;byline=0&amp;portrait=0"
                        width="300" height="200" frameborder="0"></iframe>
                    <p>
                        <img src="pics/blaahvalentext.png" />
                    </p>
                    Heibergskolens film foregår på havets bund. Her bor blåhvalen Jørgen som slet ikke
                    har nogen venner. Men så en dag dukker en helt speciel fisk op… </br> </br>
                </div>
                <!-- Afslutter blåhvalen -->
            </div>
            <div class="video-preview-outer">
                <img src="pics/line.png" alt="bla" height="4" width="940" />
                <div class="video-preview">
                    <a href="page/biblotek.html">
                        <img src="pics/bibloteker.png" />
                    </a>
                </div>
                <div class="video-preview">
                    <a href="page/familier.html">
                        <img src="pics/for.png" />
                    </a>
                </div>
                <div class="video-preview">
                    <a href="page/skoler.html">
                        <img src="pics/skoler.png" />
                    </a>
                </div>
            </div>
        </div>
        <!-- Afslutter boxen, med alt indholdet -->
    </div>
</body>
</html>
